﻿<!DOCTYPE html>
<html>
  <head>
    <title>1.2闹钟响起</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/1_2闹钟响起/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/1_2闹钟响起/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Rectangle) -->
      <div id="u302" class="ax_default _一级标题">
        <div id="u302_div" class=""></div>
        <div id="u302_text" class="text ">
          <p><span>闹钟-响起</span></p>
        </div>
      </div>

      <!-- Rectangle (Rectangle) -->
      <div id="u303" class="ax_default _形状" data-label="Rectangle">
        <div id="u303_div" class=""></div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u304" class="ax_default" data-left="30" data-top="670" data-width="375" data-height="69">

        <!-- Rectangle (Rectangle) -->
        <div id="u305" class="ax_default _形状" data-label="Rectangle">
          <div id="u305_div" class=""></div>
        </div>

        <!-- Rectangle (Rectangle) -->
        <div id="u306" class="ax_default _形状" data-label="Rectangle">
          <img id="u306_img" class="img " src="images/1_1闹钟设定（区间闹钟）/rectangle_u210.png"/>
          <div id="u306_text" class="text ">
            <p><span>闹钟</span></p>
          </div>
        </div>

        <!-- Rectangle (Rectangle) -->
        <div id="u307" class="ax_default _形状" data-label="Rectangle">
          <img id="u307_img" class="img " src="images/1_1闹钟设定（区间闹钟）/rectangle_u211.png"/>
          <div id="u307_text" class="text ">
            <p><span>设置</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u308" class="ax_default" data-left="29" data-top="72" data-width="376" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u309" class="ax_default _形状">
          <div id="u309_div" class=""></div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u310" class="ax_default" data-left="36" data-top="87" data-width="46" data-height="8">

          <!-- Unnamed (Rectangle) -->
          <div id="u311" class="ax_default _形状">
            <img id="u311_img" class="img " src="images/1_1闹钟设定（区间闹钟）/u215.png"/>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u312" class="ax_default _形状">
            <img id="u312_img" class="img " src="images/1_1闹钟设定（区间闹钟）/u215.png"/>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u313" class="ax_default _形状">
            <img id="u313_img" class="img " src="images/1_1闹钟设定（区间闹钟）/u215.png"/>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u314" class="ax_default _形状">
            <img id="u314_img" class="img " src="images/1_1闹钟设定（区间闹钟）/u215.png"/>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u315" class="ax_default _形状">
            <img id="u315_img" class="img " src="images/1_1闹钟设定（区间闹钟）/u215.png"/>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u316" class="ax_default" data-left="367" data-top="84" data-width="31" data-height="17">

          <!-- Unnamed (Rectangle) -->
          <div id="u317" class="ax_default _形状">
            <div id="u317_div" class=""></div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u318" class="ax_default _形状">
            <div id="u318_div" class=""></div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u319" class="ax_default _形状">
            <div id="u319_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u320" class="ax_default _文本段落" data-label="Header 2">
        <div id="u320_div" class=""></div>
        <div id="u320_text" class="text ">
          <p><span>MUX</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u321" class="ax_default _文本段落" data-label="Header 2">
        <div id="u321_div" class=""></div>
        <div id="u321_text" class="text ">
          <p><span>10:30 PM</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u322" class="ax_default _文本段落" data-label="Header 2">
        <div id="u322_div" class=""></div>
        <div id="u322_text" class="text ">
          <p><span>100%</span></p>
        </div>
      </div>

      <!-- Rectangle (Rectangle) -->
      <div id="u323" class="ax_default _形状" data-label="Rectangle">
        <img id="u323_img" class="img " src="images/1_1闹钟设定（区间闹钟）/rectangle_u211.png"/>
        <div id="u323_text" class="text ">
          <p><span>天气</span></p>
        </div>
      </div>

      <!-- Rectangle (Rectangle) -->
      <div id="u324" class="ax_default _形状" data-label="Rectangle">
        <img id="u324_img" class="img " src="images/1_1闹钟设定（区间闹钟）/rectangle_u211.png"/>
        <div id="u324_text" class="text ">
          <p><span>新闻</span></p>
        </div>
      </div>

      <!-- Unnamed (Placeholder) -->
      <div id="u325" class="ax_default placeholder">
        <img id="u325_img" class="img " src="images/1_2闹钟响起/u325.png"/>
        <div id="u325_text" class="text ">
          <p style="font-size:28px;"><span>早上好！</span></p><p style="font-size:28px;"><span>30度 小雨</span></p><p style="font-size:48px;"><span>上午8:30</span></p><p style="font-size:48px;"><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u326" class="ax_default box_1">
        <div id="u326_div" class=""></div>
        <div id="u326_text" class="text ">
          <p><span>轻点屏幕小睡</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u327" class="ax_default label">
        <div id="u327_div" class=""></div>
        <div id="u327_text" class="text ">
          <p><span>停止</span></p>
        </div>
      </div>

      <!-- Unnamed (Shape) -->
      <div id="u328" class="ax_default icon">
        <img id="u328_img" class="img " src="images/1_1闹钟设定（区间闹钟）/u261.png"/>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u329" class="ax_default _二级标题">
        <div id="u329_div" class=""></div>
        <div id="u329_text" class="text ">
          <p><span>闹钟-响起</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u330" class="ax_default box_1">
        <div id="u330_div" class=""></div>
        <div id="u330_text" class="text ">
          <p><span>1. 闹铃从弱至强逐渐响起</span></p><p><span><br></span></p><p><span>2. 闹钟响起，根据当前时间，显示问候语：</span></p><p><span><br></span></p><p><span>&nbsp;&nbsp;&nbsp; 上午3-9点&nbsp; —— 早上好！</span></p><p><span><br></span></p><p><span>&nbsp;&nbsp;&nbsp; 上午10-12点——上午好！</span></p><p><span><br></span></p><p><span>&nbsp;&nbsp;&nbsp; 下午1-6点——下午好！</span></p><p><span><br></span></p><p><span>&nbsp;&nbsp;&nbsp; 下午7点-上午2点 ——晚上好！</span></p><p><span><br></span></p><p><span>3. 屏幕背景颜色显示当前天气情况：绿色代表小雨，黄色代表大雨，红色代表高温，蓝色代表晴天；</span></p><p><span>文字显示气温、天气预报</span></p><p><span><br></span></p><p><span>4. 显示的当前时间，取设备系统时间</span></p><p><span><br></span></p><p><span>5. 闹钟停止：从下往上滑动，停止闹钟，跳转至【1.1闹钟设定：闹钟-首页】页面</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u331" class="ax_default _二级标题">
        <div id="u331_div" class=""></div>
        <div id="u331_text" class="text ">
          <p><span>闹钟响起-周末、节假日功能</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u332" class="ax_default box_1">
        <div id="u332_div" class=""></div>
        <div id="u332_text" class="text ">
          <p><span><br></span></p><p><span>默认工作日（周一至周五），闹钟响起时设备闪光灯以呼吸灯样式闪烁；周末（周六至周日）法定节假日，闹钟响起时无灯光</span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span>相关设置见【4.4 周末、节假日模式】</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u333" class="ax_default _二级标题">
        <div id="u333_div" class=""></div>
        <div id="u333_text" class="text ">
          <p><span>闹钟响起-新闻功能</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u334" class="ax_default box_1">
        <div id="u334_div" class=""></div>
        <div id="u334_text" class="text ">
          <p><span>1.用户上划停止闹钟动作后，可点击新闻播报功能，新闻将通过朗读播报给用户。</span></p><p><span>详情可见【3.1新闻播报】</span></p><p><span><br></span></p><p><span>2.用户上划停止闹钟动作后，可点击阅读新闻，屏幕将显示详细新闻内容。</span></p><p><span>详情可见【3.2阅读新闻】</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u335" class="ax_default _二级标题">
        <div id="u335_div" class=""></div>
        <div id="u335_text" class="text ">
          <p><span>闹钟响起-天气功能</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u336" class="ax_default box_1">
        <div id="u336_div" class=""></div>
        <div id="u336_text" class="text ">
          <p><span>用户上划停止闹钟动作后，根据当前天气预报情况，响起对应模拟声音，默认响起5秒钟：</span></p><p><span><br></span></p><p><span>晴天——鸟叫</span></p><p><span><br></span></p><p><span>多云——雷声</span></p><p><span><br></span></p><p><span>阴天——雷声</span></p><p><span><br></span></p><p><span>雨——雨声</span></p><p><span><br></span></p><p><span>雷阵雨——雨声+雷声</span></p><p><span><br></span></p><p><span>大风——风声</span></p><p><span><br></span></p><p><span><br></span></p><p><span>在闹钟响起的页面背景色会反映天气状况：</span></p><p><span><br></span></p><p><span>晴天——蓝色</span></p><p><span><br></span></p><p><span>阴天——灰色</span></p><p><span><br></span></p><p><span>多云——白色</span></p><p><span><br></span></p><p><span>下雨——绿色</span></p><p><span><br></span></p><p><span>雷雨——黑色</span></p><p><span><br></span></p><p><span>大风——红色</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u337" class="ax_default _一级标题">
        <div id="u337_div" class=""></div>
        <div id="u337_text" class="text ">
          <p><span>闹钟-延迟响起</span></p>
        </div>
      </div>

      <!-- Rectangle (Rectangle) -->
      <div id="u338" class="ax_default _形状" data-label="Rectangle">
        <div id="u338_div" class=""></div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u339" class="ax_default" data-left="31" data-top="1457" data-width="375" data-height="69">

        <!-- Rectangle (Rectangle) -->
        <div id="u340" class="ax_default _形状" data-label="Rectangle">
          <div id="u340_div" class=""></div>
        </div>

        <!-- Rectangle (Rectangle) -->
        <div id="u341" class="ax_default _形状" data-label="Rectangle">
          <img id="u341_img" class="img " src="images/1_1闹钟设定（区间闹钟）/rectangle_u210.png"/>
          <div id="u341_text" class="text ">
            <p><span>闹钟</span></p>
          </div>
        </div>

        <!-- Rectangle (Rectangle) -->
        <div id="u342" class="ax_default _形状" data-label="Rectangle">
          <img id="u342_img" class="img " src="images/1_1闹钟设定（区间闹钟）/rectangle_u211.png"/>
          <div id="u342_text" class="text ">
            <p><span>设置</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u343" class="ax_default" data-left="30" data-top="859" data-width="376" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u344" class="ax_default _形状">
          <div id="u344_div" class=""></div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u345" class="ax_default" data-left="37" data-top="874" data-width="46" data-height="8">

          <!-- Unnamed (Rectangle) -->
          <div id="u346" class="ax_default _形状">
            <img id="u346_img" class="img " src="images/1_1闹钟设定（区间闹钟）/u215.png"/>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u347" class="ax_default _形状">
            <img id="u347_img" class="img " src="images/1_1闹钟设定（区间闹钟）/u215.png"/>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u348" class="ax_default _形状">
            <img id="u348_img" class="img " src="images/1_1闹钟设定（区间闹钟）/u215.png"/>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u349" class="ax_default _形状">
            <img id="u349_img" class="img " src="images/1_1闹钟设定（区间闹钟）/u215.png"/>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u350" class="ax_default _形状">
            <img id="u350_img" class="img " src="images/1_1闹钟设定（区间闹钟）/u215.png"/>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u351" class="ax_default" data-left="368" data-top="871" data-width="31" data-height="17">

          <!-- Unnamed (Rectangle) -->
          <div id="u352" class="ax_default _形状">
            <div id="u352_div" class=""></div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u353" class="ax_default _形状">
            <div id="u353_div" class=""></div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u354" class="ax_default _形状">
            <div id="u354_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u355" class="ax_default _文本段落" data-label="Header 2">
        <div id="u355_div" class=""></div>
        <div id="u355_text" class="text ">
          <p><span>MUX</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u356" class="ax_default _文本段落" data-label="Header 2">
        <div id="u356_div" class=""></div>
        <div id="u356_text" class="text ">
          <p><span>10:30 PM</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u357" class="ax_default _文本段落" data-label="Header 2">
        <div id="u357_div" class=""></div>
        <div id="u357_text" class="text ">
          <p><span>100%</span></p>
        </div>
      </div>

      <!-- Rectangle (Rectangle) -->
      <div id="u358" class="ax_default _形状" data-label="Rectangle">
        <img id="u358_img" class="img " src="images/1_1闹钟设定（区间闹钟）/rectangle_u211.png"/>
        <div id="u358_text" class="text ">
          <p><span>天气</span></p>
        </div>
      </div>

      <!-- Rectangle (Rectangle) -->
      <div id="u359" class="ax_default _形状" data-label="Rectangle">
        <img id="u359_img" class="img " src="images/1_1闹钟设定（区间闹钟）/rectangle_u211.png"/>
        <div id="u359_text" class="text ">
          <p><span>新闻</span></p>
        </div>
      </div>

      <!-- Unnamed (Placeholder) -->
      <div id="u360" class="ax_default placeholder">
        <img id="u360_img" class="img " src="images/1_2闹钟响起/u325.png"/>
        <div id="u360_text" class="text ">
          <p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">早上好！</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">30度 小雨</span></p><p style="font-size:48px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">上午8:30</span></p><p style="font-size:30px;"><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">再小睡2:34</span></p><p style="font-size:48px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;"><br></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u361" class="ax_default label">
        <div id="u361_div" class=""></div>
        <div id="u361_text" class="text ">
          <p><span>停止</span></p>
        </div>
      </div>

      <!-- Unnamed (Shape) -->
      <div id="u362" class="ax_default icon">
        <img id="u362_img" class="img " src="images/1_1闹钟设定（区间闹钟）/u261.png"/>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u363" class="ax_default _二级标题">
        <div id="u363_div" class=""></div>
        <div id="u363_text" class="text ">
          <p><span>闹钟响起-小睡功能</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u364" class="ax_default box_1">
        <div id="u364_div" class=""></div>
        <div id="u364_text" class="text ">
          <p><span>1.在【闹钟-响起】页面，点击屏幕任意位置，可延迟闹钟响起时间。此时所有闹钟叫醒动作停止，屏幕显示“再小睡 X分X秒”，并倒计时；计时结束时闹钟响起，显示【闹钟-响起】页面，直至用户再次延迟/停止闹钟。</span></p><p><span><br></span></p><p><span>2. 用户可在【设置】中选择通过轻摇手机延迟闹钟响起时间，具体设置见【4. 设置】-【4.3 小睡】。</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
